<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
	<title>商品信息</title>
   	<%@ include file="/WEB-INF/jsp/public/commons.jspf" %>
<script type="text/javascript">
$(function() {
	var yz1;
	var yz2;
	var yz5 ;
	var aj=true;
	//首先判断商品此页面是否是商品修改页面
	if($("#yz1").val()!=""){
		//修改页面验证
		$("#yz1").attr("readonly",true);
		selectyz();
		yz2();
		yz5();
		save();
	}else
	{
		//保存页面验证
		selectyz();
		yz1();
		yz2();
		yz5();
		save();
	}
		
	function selectyz(){
		$("select").change(function(){
			ajx();
		});
		}
	function yz1(){
		$("#yz1").blur(function() {
				// 验证是否为空
				if ($("#yz1").val().trim() == "") {
					$("#msg1").html("不能为空");
					yz1 = false;
				} else {
					ajx();
				}
			});
	}
	function yz2(){
		$("#yz2").blur(function() {
				if ($("#yz2").val().trim() == "") {
					$("#msg2").html("不能为空");
					yz2 =false;
				} else {
					$("#msg2").html("");
					yz2 =true;
				}
			});
	}
	function yz5(){
			$("#yz5").blur(function() {
				if ($("#yz5").val().trim() == "") {
					$("#msg5").html("不能为空");
					yz2 =false;
					return;
				}
				// 数字验证
				if (isNaN(($("#yz5").val()))) {
					$("#msg5").html("请输入数字!");
					yz5= false;
				} else {
					$("#msg5").html("");
					yz5= true;
				}
			});
	}
	function save(){
			$("#save").bind("click", function() {
					// 验证是否为空
				if ($("#yz1").val().trim() == "") {
					$("#msg1").html("不能为空");
					yz1=false;
				} else{
					yz1 = true;
				}
				if ($("#yz2").val().trim() == "") {
					$("#msg2").html("不能为空");
					yz2=false;
				} else{
					yz2 = true;
				}
				// 数字验证
				if (isNaN(($("#yz5").val()))) {
					$("#msg5").html("请输入数字!");
					yz5 = false;
				}else{
					yz5 = true;
					
				}
					if(yz1&&yz2&&yz5&aj){
					return true;}else{
					return false;
					}
				
			});
	}
	//ajax

		function ajx() {

			$.ajax({
						type : "get",
						url : "${pageContext.request.contextPath}/goods_ajx.do?name="
								+ $("#yz1").val()+"&GoodsCatename="+$("select").val(),
						dataType : "json",

						success : function(data) {
						
							if (data.success) {
								$("#msg1").html(data.msg);
								yz1 = false;
								aj=false;
							} else {
								$("#msg1").html("");
								yz1 = true;
								aj=true;
							}
						}
					});

		}
	


});
</script>
</head>
<body>

<!-- 标题显示 -->
<div id="Title_bar">
    <div id="Title_bar_Head">
        <div id="Title_Head"></div>
        <div id="Title"><!--页面标题-->
            <img border="0" width="13" height="13" src="${pageContext.request.contextPath}/style/images/title_arrow.gif"/> 商品信息
        </div>
        <div id="Title_End"></div>
    </div>
</div>

<!--显示表单内容-->
<div id=MainArea>

    <s:form action="goods_%{id == null ? 'addGoods' : 'upGoods'}">
    	<s:hidden name="id"></s:hidden>
        <div class="ItemBlock_Title1"><!-- 信息说明 --><div class="ItemBlock_Title1">
        	<img border="0" width="4" height="7" src="${pageContext.request.contextPath}/style/blue/images/item_point.gif" /> 商品信息</div> 
        </div>
        
        <!-- 表单内容显示 -->
        <div class="ItemBlockBorder">
            <div class="ItemBlock">
                <table cellpadding="0" cellspacing="0" class="mainForm">
                   <font color="red"><s:fielderror/></font>
                    <tr><td>商品名称：</td>
                        <td><s:textfield id="yz1" name="name" cssClass="InputStyle"/> *<label id="msg1"></label></td>
                    </tr>
                      <tr><td>商品分类</td>
                        <td>
						<s:select id="cate" name="GoodsCatename" list="GoodsCateList" listKey="id" listValue="name">
						</s:select>
						</td>
                    </tr>			
					<tr><td>商品价格</td>
                        <td><s:textfield id="yz5" name="price" cssClass="InputStyle"/><label id="msg5"></label></td>
                    </tr>
                    <tr><td>商品描述</td>
                        <td><s:textarea id="yz2" rows="5" name="desc" cssClass="InputStyle"/><label id="msg2"></label></td>
                    </tr>
                </table>
            </div>
        </div>
        
	
        <!-- 表单操作 -->
        <div id="InputDetailBar">
            <input id="save" type="image" src="${pageContext.request.contextPath}/style/images/save.png"/>
            <a href="javascript:history.go(-1);"><img src="${pageContext.request.contextPath}/style/images/goBack.png"/></a>
        </div>
    </s:form>
</div>


</body>
</html>
